<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="BIG5"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Change Your Information</title>
<link rel="stylesheet" href="css/black-tie/jquery-ui-1.9.0.custom.css"
	type="text/css" />
<link rel="stylesheet" href="css/theme1.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript" src="js/common.js"></script>
</head>
<body>
	<jsp:useBean id="signedUser" class="mo.org.cm309.shoppingcart.entity.User" scope="request"></jsp:useBean>
	<jsp:include page="sections/header.jsp" />
	<div id="main">
		<div id="gallery" style="border: 0px; width: 400px;"></div>
		<div id="userFormEdit">
			<form method="post" action="UserProfileEditServlet" onsubmit="return validate_userprofile_edit_form()">
				<h1>Please only edit the field(s)<br> that information has changes.</h1>
				<input type="hidden" name="id" value="<%=signedUser.getId()%>"/>
				<table>
					<tr>
						<td>First Name : (*)</td>
						<td><input type="text" name="firstName" value="<%=signedUser.getFirstname()%>"/></td>
					</tr>
					<tr>
						<td>Last Name : (*)</td>
						<td><input type="text" name="lastName" value="<%=signedUser.getLastname()%>"/></td>
					</tr>
					<tr>
						<td>E-mail Address : (*)</td>
						<td><input type="text" name="eMail" value="<%=signedUser.getEmail()%>"/></td>
					</tr>
					<tr>
						<td>Password : (*)</td>
						<td><input type="password" name="password" value="<%=signedUser.getPassword()%>"/></td>
					</tr>
					<tr>
						<td>Confirm Password : (*)</td>
						<td><input type="password" name="rePassword" value="<%=signedUser.getRe_password()%>"/></td>
					</tr>
					<tr>
						<td>Phone Number :</td>
						<td><input type="text" name="phoneNumber" value="<%=signedUser.getPhoneNum()%>"/></td>
					</tr>
					<tr>
						<td>Address :</td>
						<td><input type="text" name="address" value="<%=signedUser.getAddress()%>"/></td>
					</tr>
					<tr>
						<td>Credit Card Number : (*)</td>
						<td><input type="text" name="creditCardNo" value="<%=signedUser.getCreditCard()%>"/></td>
					</tr>
					<tr>
						<td>Credit Card Expiry : (*)</td>
						<td><input type="text" id="datepicker" name="cardExpiry" value="<%=signedUser.getCardExpiry()%>"/></td>
					</tr>
					<tr>
						<td><input type="submit" id="userProfileEditButton" class="submitButt" value="Save" /></td>
						<td><input type="reset" id="userProfileResetButton" class="resetButt" value="Restore" /></td>
					</tr>
				</table>
			</form>
		</div>
	</div>

</body>
</html>